<template>
  <div class="apply-wrapper">
    <c-title :hide="false" :text='"门店申请"'></c-title>
    <van-cell-group :border = false class="store_apply account-info" style="margin-bottom: 10px;">
      <van-cell :border="false" class="otherTitle" center>
        <span slot="title">申请信息</span>
      </van-cell>
      <van-field
        v-model="applyModel.username"
        required
        label="姓名"
        placeholder="姓名"
        input-align="right"
        maxlength="20"
      />
      <van-field
        v-model="applyModel.mobile"
        required
        label="手机号码"
        placeholder="电话"
        input-align="right"
        maxlength="11"
      />
      <van-field
        v-model="areaValue"
        required
        is-link
        readonly
        label="地区"
        placeholder="省、市、区/县"
        input-align="right"
        @click="areaPopupVisible = true"
      />
      <yd-cityselect 
        v-model="areaPopupVisible"
        :callback="addressCallback"
        :items="area"
      ></yd-cityselect>
    </van-cell-group>
    <div class="submit-btn">
      <van-button
        block
        color="#f55955"
        @click.stop="setApplyData"
      >提交申请</van-button>
    </div>
  </div>
</template>

<script>
import store_apply_pre_controller from './store_apply_pre_controller';
export default store_apply_pre_controller;
</script>

<style lang="scss" rel="stylesheet/scss">
.apply-wrapper {
  
  .store_apply {

    .otherTitle {
      .van-cell__title {
        text-align: left;

        span {
          display: inline-block;
          color: #f86e6e;
          font-weight: bold;
          line-height: 0.875rem;
          font-size: 0.875rem;
          border-left: 0.2rem solid #f86e6e;
          padding-left: 0.5rem;
        }
      }
    }
  }

  .submit-btn {
    padding: 20px;
  }
}
</style>